


<script setup>
import {ref, reactive} from 'vue'
const someAttr = ref('someAttr')
const value = ref(123456)

</script>

<template>


<!-- 比如空格和引号，在 HTML attribute 名称中都是不合法的。例如下面的示例： -->
<!-- 这会触发一个编译器警告 -->
<!-- <a :['foo' + bar]="value"> ... </a> -->

<!-- 
上面的例子将会在 DOM 内嵌模板中被转换为 :[someattr]。如果你的组件拥有 “someAttr” 属性而非 “someattr”，这段代码将不会工作。单文件组件内的模板不受此限制。
-->
<a :[someAttr]="value">123456</a>

</template>